<?php 
require 'config.php';
require 'inc/require.php';

$picture_id = $_GET['id'];
$picture = new Picture();
$picture = $picture->get($picture_id);

if($picture->account_id == Session::get('account_id'))
{
?>


<!doctype html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<title>EftelingApplicatie</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	
	<!-- 1140px Grid styles for IE -->
	<!--[if lte IE 9]><link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" /><![endif]-->

	<!-- The 1140px Grid - http://cssgrid.net/ -->
	<link rel="stylesheet" href="<?php echo URL?>css/1140.css" type="text/css" media="screen" />
		
	<!-- Your styles -->
	<link rel="stylesheet" href="<?php echo URL?>css/styles.css" type="text/css" media="screen" />
	
	<!--css3-mediaqueries-js - http://code.google.com/p/css3-mediaqueries-js/ - Enables media queries in some unsupported browsers-->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript" src="<?php echo URL?>js/css3-mediaqueries.js"></script>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyB5jAFA6GvoPSzqQUx4Jb7oOBGDyP5n9S0&sensor=false"></script>
    <script src="<?php echo URL?>js/infobox.js" type="text/javascript"></script>
</head>


<body>
	<div class="container">
		<div class="row">
			<div class="twelvecol box red last">
				<div class="outer_wrapper rounded">
					<div class="wrapper">
						<div class="top_nav">
							<button class="twocol" onClick="javascript: history.go(-1)">Terug</button>
							<h2>Fotoservice</h2>
						</div>
					</div>
				</div>
			</div>
			
			<div class="twelvecol box">
				<img style="max-height: 800px; width: 100%; margin: 0 auto; <?php if($picture->is_bought == 0){ echo "opacity: 0.5";}?>" src="<?php echo URL?>img/user_pictures/<?php echo $picture->picture ?>" />
			</div>
		</div>
	</div>
</body>

</html>
<?php }?>